<template>
    <div class="e-table">
        <el-row>
            <el-col class="wrapper" :span="13">
                <div  class="search">
                    <el-input
                        placeholder="输入项目编号"
                        suffix-icon="el-icon-search"
                        size="small"
                    >
                    </el-input>
                </div>
                <div>
                    <el-table
                        border
                    >
                        <el-table-column align="center" label="计划编号"></el-table-column>
                        <el-table-column align="center" label="计划日期"></el-table-column>
                    </el-table>
                    <ComPagination
                        :total="pagination.total"
                        @currentChange="currentChange"
                    />
                </div>
            </el-col>
            <el-col class="wrapper" :span="10">
                 <el-table
                    border
                 >
                        <el-table-column align="center" label="计划编号"></el-table-column>
                        <el-table-column align="center" label="计划日期"></el-table-column>
                    </el-table>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import ComPagination from '@/components/pagination/pagination.vue'
export default {
    name: 'Vue2CliPlaynum',

    data () {
        return {
            pagination: {}
        }
    },
    components: {
        ComPagination
    },
    mounted () {

    },

    methods: {
        getList () {
            console.log(123)
        }
    },
}
</script>

<style lang="scss" scoped>
    .wrapper{
        border:1px solid #EBEEF5;
        padding:5px;
        border-radius: 2px;
        margin: 5px;
        .search{
            width:200px;
            margin: 10px;
        }
    }
    .e-table, .e-scoreTable {
        background-color: #fff;
    }
</style>